<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫任务页面</title>
  <style>
    header,footer{
       width:600px;height:60px;background:#222;color:#fff;
           text-align:center;margin:0 auto;
    }
    header li{
      display:inline-block;margin:30px 5px;
     }
    .container{
      width:600px;height:300px;margin:0 auto;text-align:center;
    }
    .box{
      margin:15px 10px;
    }
    a{color:#fff;}

  </style>
</head>
<body>
<header>
  <li><a href="/">首页</a></li>
  <li><a href="/gettext">爬文字</a></li>
  <li><a href="/getimg">爬图片</a></li>
  <li><a href="/hr">爬图片</a></li>
</header>
<div class='container'>
  <form action="/scrawl" method="post">
  <div class="box">
    <label for="">网页名称</label>
    <input type="text" name="name">

  </div>
  <div class="box">
    <label for="">网页地址</label>
    <input type="text" name="targeturl">

  </div>
  <div class="box">
    <input type="submit" name="submit" value="爬文本">
    <input type="reset" value="重填">
  </div>
  </form>

  </div>
<footer>上述内容 癫贤儿制作</footer>
</body>
</html>